<template>
  <view class="page">
    <view class="info_list" v-for="(item,index) in listData" :key="index">
      <view class="info_box">
        <rich-text class="info_pa" :nodes="item.remark"></rich-text>
        <text class="info_pb">{{item.create_time}}</text>
      </view>
      <text class="info_pc" :class="item.t==1?'modes':'jianfu'">
        {{item.t==1?'+'+item.change_money:item.change_money}}元
        <image v-if="item.check_status != -1" class="tag" :src="'/pages/user/static/wallet/'+item.check_status+'.png'" mode="aspectFill"></image>
      </text>
    </view>
    <view class="zanwu" :class="hidden?'act':''">
      <text class="iconfont icon-zanwushuju"></text>
    </view>
     <fu-empty :paging-list-loaded-all="pagingListLoadedAll" :paging-list-no-list-data="pagingListNoListData"
     :list-data-length="listDataLength" :isLoadInit='isLoadInit'></fu-empty>
     <fu-notwork></fu-notwork>
  </view>
</template>

<script>
  // import pagingList from '@/common/minix/paging_list.js'
  export default {
    // mixins: [pagingList],
    data() {
      return {
        hidden: false,
        minixPagingListsApi: global.apiUrls.getMoneyDetail,
        pageingListApiMethod:"post",
      }
    },

    methods: {
   //    pagingListPostData() {
   //    	return {
   //    		page_size: 10,
			// change_type:2
   //    	}
   //    },
	   isLoadInit() {
		   
	   }
    }
  }
</script>

<style lang="scss">
  page {
    background: #FFFFFF;
  }
  .modes{
    // color: $fu-main-color !important;
  }
  .jianfu{
    // color:$fu-type-error !important;
  }
  .info_list {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px #EEEEEE solid;
    padding: 30upx;

    .info_box {
      width: calc(100% - 240upx);
      height: auto;
      float: left;
      overflow: hidden;

      .info_pa {
        font-size: 30upx;
        color: #333;
        line-height: 45upx;
        display: block;
        overflow: hidden;
        text-overflow:ellipsis; white-space: nowrap;
      }

      .info_pb {
        font-size: 24upx;
        color: #999999;
        display: block;
        margin-top: 16upx;
      }
    }

    .info_pc {
      min-width: 150rpx;
      font-size: 32upx;
      color: #333333;
      line-height: 88upx;
      display: block;
      float: right;
      position: relative;
      text-align: right;
      .tag{
        width: 80rpx;
        height: 80rpx;
        position: absolute;
        right: 0;
        top: -20rpx;
      }
    }
  }

  .cont{
    text-align: center;
    line-height: 30px;
  }
</style>
